/*
 * VERSION 4.6
 */

body {
margin: 0;
padding: 0;
margin: 5px;
color: #999999;
background: #000000 url(http://www.gnucitizen.org/styles/images/background.jpg) repeat-x;
font: normal 1.0em Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: lighter;
text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #BBB;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
}

a {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}

p {
margin: 0;
padding: 0;
font-size: 75%;
line-height: 1.5em;
margin-bottom: 1em;
}

ul, ol {
clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

ul li, ol li {
font-size: 75%;
}

code {
font: inherit;
font-style: italic;
}

pre code {
color: #000000;
overflow: auto;
display: block;
max-height: 15em;
background: #FFFFFF;
padding: 15px 25px;
margin-bottom: 1em;
font: 110% courier;
border: 10px solid #333333;
}

pre code a {
color: #000000;
}

blockquote p {
font-size: 100%;
}

table {
width: 100%;
margin-top: 1em;
margin-bottom: 1em;
}

table tr td {
font-size: 75%;
padding: 10px;
color: #000000;
background: #FAFAFA;
margin-bottom: 0.5em;
}

table tr td a {
color: #000000;
text-decoration: underline;
}

table thead tr td {
color: #FFFFFF;
background: #000000;
font-weight: bolder;
text-transform: uppercase;
}

form {
padding: 10px;
font-size: 75%;
margin-bottom: 1em;
border: #333333 1px solid;
}

label {
font-size: 80%;
}

textarea, input {
border: none;
margin: 5px 0;
padding: 10px;
}

select {
padding: 0;
margin: 5px 0;
border: none;
}

select option {
padding: 1em;
}

/*
 * PRIMITIVES
 */

.to-left {
float: left ! important;
}

.to-right {
float: right ! important;
}

.message {
color: #000000;
display: block;
padding: 15px 25px;
margin-bottom: 1em;
background: #EED2EE;
border: 4px solid #CD96CD;
}

.message a {
color: #000000;
font-weight: bolder;
text-decoration: none;
}

.message a:hover {
text-decoration: underline;
}

.message p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

.error {
color:#000000;
display: block;
padding: 15px 25px;
margin-bottom: 1em;
background: #FFDFFF;
border: 4px solid #FF4848;
}

.error a {
color: #000000;
font-weight: bolder;
text-decoration: none;
}

.error a:hover {
text-decoration: underline;
}

.error p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

.pane {
margin: 0;
padding: 0;
width: 100%;
height: 300px;
color: #FFFFFF;
background: #000000;
border: 1px solid #333333;
}

.preview {
margin: 0;
padding: 0;
width: 100%;
height: 300px;
color: #FFFFFF;
margin-top: 0.5em;
background: #000000;
margin-bottom: 0.5em;
border: 1px solid #BBB;
}

.section {
display: block;
border-top: 1px solid #333333;
}

.box {
padding: 2em;
background: #000000;
border: 5px solid #BBB;
}

.menu {
margin: 0;
padding: 0;
width: 100%;
height: 1.5em;
font-size: 90%;
background: #333333;
list-style-type: none;
}

.menu li {
float: left;
}

.menu li:hover ul {
display: block;
}

.menu li a {
display: block;
color: #777777;
line-height: 2em;
padding-right: 3em;
padding-left: 0.5em;
background: #000000;
text-decoration: none;
}

.menu li a:hover {
color: #000000;
background: #777777;
}

.menu li ul {
margin: 0;
padding: 0;
display: none;
position: absolute;
list-style-type: none;
}

.menu li ul li {
float: none;
}

.menu li ul li a {
font-size: 120%;
}

/*
 * HEADER
 */

#header h1 {
margin: 0;
padding: 0;
font-size: 3em;
font-weight: lighter;
text-transform: uppercase;
}

#header h1 {
color: #FFFFFF;
}

#header h1 a {
color: #FFFFFF;
text-decoration: none;
}

#header h1 a:hover {
text-decoration: none;
}

#header p {
margin: 0;
padding: 0;
color: #FFFFFF;
margin-bottom: 0.5em;
}

/*
 * NAVIGATION
 */

#navigation {
margin-top: 0.5em;
}

#navigation h2 {
display: none;
}

#navigation ul {
margin: 0;
padding: 0;
margin-bottom: 1em;
list-style-type: none;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
color: #777777;
}

/*
 * CONTENT
 */

#content {
padding: 5px;
background: #111111 url(images/recycle.png) 50% 50% no-repeat;
}

/*
 * FOOTER
 */

#footer {
clear: both;
font-size: 0.6em;
padding-top: 2em;
text-align: center;
padding-bottom: 1em;
}

#footer p {
font-size: 100%;
}

/*
 * PRESENTATION
 */

#presentation {
margin-left: 20%;
margin-right: 20%;
text-align: center;
}

#presentation #header h1 {
padding-top: 30%;
}

#presentation p {
line-height: 1.2em;
}

#presentation #footer {
display: none;
}

/* <!--
<rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">	
	<Work rdf:about="">
		<license rdf:resource="http://creativecommons.org/licenses/by-nc-nd/2.5/" />
		<dc:title>GNUCITIZEN</dc:title>
		<dc:date>2006</dc:date>
		<dc:creator><Agent><dc:title>Petko D.  Petkov</dc:title></Agent></dc:creator>
			<dc:rights><Agent><dc:title>Petko D.  Petkov</dc:title></Agent></dc:rights>
			<dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
		<dc:source rdf:resource="http://www.gnucitizen.org" />
	</Work>
	<License rdf:about="http://creativecommons.org/licenses/by-nc-nd/2.5/">
		<permits rdf:resource="http://web.resource.org/cc/Reproduction"/>
		<permits rdf:resource="http://web.resource.org/cc/Distribution"/>
		<requires rdf:resource="http://web.resource.org/cc/Notice"/>
		<requires rdf:resource="http://web.resource.org/cc/Attribution"/>
		<prohibits rdf:resource="http://web.resource.org/cc/CommercialUse"/>
	</License>
</rdf:RDF>
--> */
